<template>
    <div>
        <van-icon name="list-switching"  style="margin-left: 350px;" size="20px" @click="fl"/>
        <span style="margin-left: 340px;">分类</span>
        <van-search v-model="value" placeholder="请输入搜索关键词" style="width: 300px; margin-top: -20px;"/>
    </div>
    <van-tabs v-model:active="active" animated>
        <van-tab title="推荐">
<Swipe></Swipe>


        </van-tab>
        <van-tab title="美食">美食</van-tab>
        <van-tab title="运动">运动</van-tab>
        <van-tab title="保健品">保健品</van-tab>
         <van-tab title="内衣">内衣</van-tab>
          <van-tab title="更多">更多</van-tab>
    </van-tabs>
</template>

<script setup>
import Swipe from '@/components/Swipe.vue';
import { ref } from 'vue'
import { useRouter } from 'vue-router';
const router =useRouter()
const fl =()=>{
      router.push('/list')
}
</script>

<style lang="scss" scoped></style>